<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
              "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=utf-8" />
    <title>사원목록</title>
    
    <script language="JavaScript">
    function Employee( sectionName ){
        this.sectionName = sectionName;

        // 모든 클래스는 prototype 객체를 내부에 가지고 있으며
        // 이 객체는 공유메소드 및 공유 변수가 저장되는 공간으로
        // 제공됩니다.
        // 공유메소드 = 자바의 메소드, 공유 변수는 static 변수를 말합니다.
        // 따라서 객체를 새로 생성해도 메소드가 메모리를 할당받지 않습니다.
        Employee.prototype.listDisplay = function(){
            var list = new Array( '박태환', '장미란', '사재혁' );
    
            document.writeln(
                '<div id="display">■' + this.sectionName + list + '</div>'
            );
        };
    }

    var employee = new Employee( '금메달 목록' );

    employee.listDisplay();

    </script>

    <style type="text/css">
    div#display{
    width            : 300px;
    height           :  70px;
    background-color : #FF66FF;
    }
    </style>    
  </head>
  <body></body>
</html>

